<template>
  <el-card style="margin: 10px;">
    当然过程中也有很多小花絮。
  </el-card>
  <el-card style="margin: 10px;">
    <el-image src="./003-1.jpg"></el-image>
  </el-card>
  <el-card style="margin: 10px">
    <el-steps direction="vertical">
      <el-step title="第一次约会吃的饭！" status="process">
        <template #description>
          <el-image src="/003-2.jpg"></el-image>
        </template>
      </el-step>
      <el-step title="日常给舍友们发的狗粮" status="finish">
        <template #description>
          <el-image src="/003-3.png"></el-image>
          <p>
            （来自女朋友的款待）
          </p>
        </template>
      </el-step>
      <el-step title="第一次吃烤肉的“一塌糊涂”。" status="process">
        <template #description>
          <el-image src="/003-4.jpg"></el-image>
        </template>
      </el-step>
      <el-step title="你拍照VS我拍照！" description="" status="finish">
        <template #description>
          <el-image src="/003-5-1.png"></el-image>
          <el-image src="/003-5-2.png"></el-image>
          <p>
            （来自男朋友的呼喊  ： 原相机 y y d s！）
          </p>
        </template>
      </el-step>
      <el-step title="来自卑微的男朋友手工绘画！" status="process">
        <template #description>
          <el-image src="/003-6-1.png"></el-image>
          <el-image src="/003-6-2.png"></el-image>
          <p>
            （居然把我弄丢了！）
          </p>
        </template>
      </el-step>
    </el-steps>
  </el-card>
  <el-card style="margin: 10px;">
    结语：这个是用 vue 写的，也就是你的web前端方向（有源码），希望你看到有动力点。 加油
  </el-card>
</template>

<script>
export default {
  name: "003"
}
</script>

<style scoped>
</style>
